<template>
	<div class="content">
		<RadioGroup v-model="linkurl" vertical>
			<Radio :label="video" border class="radio" v-for="video in linkurls" :key="video"></Radio>
		</RadioGroup>
	</div>
</template>

<script>
import { getVideoLinkResource } from '../../api/api';

export default {
	name: 'SendVideo',
	data() {
		return {
			linkurl: '',
			linkurls: []
		};
	},
	mounted() {
		var self = this;
		getVideoLinkResource().then(function(resp) {
			if (resp.status == 200) {
				if (resp.data.code == 200) {
					self.linkurls = resp.data.data.videos;
				}
			}
		});
	}
};
</script>

<style scoped>
.radio {
	width: 100%;
	font-size: 17px;
}

.content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	width: 100%;
	height: 200px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 5px 7px 49px 5px rgba(44, 137, 234, 0.13);
}
</style>
